Page({
  data: {
    name: '',
    gender: 1,
    mobile: '',
    houseInfo: '',
    houseId: '',
    dateLayerVisible: false, //控制弹层显示，结构中是日期选择
    houseLayerVisible: false, //房屋选择动作面板的显示
    currentDate: Date.now(), //日期初始值 时间戳
    maxDate: Date.now() + 24 * 3600 * 1000 * 3, ///指定用户只能选3天内的时间
    houseList: [],
  },
  onLoad() {
    this.getHouseList()
  },
  async getHouseList() {
    // 请求数据接口
    const { code, data: houseList } = await wx.http.get('/house')
    // 检测接口返回的结果
    if (code !== 10000) return wx.utils.toast('获取房屋列表失败!')
    // 数据渲染
    this.setData({ houseList })
  },
  // 房屋选择
  openHouseLayer() {
    this.setData({ houseLayerVisible: true })
  },
  selectHouse(ev) {
    const { id: houseId, name: houseInfo } = ev.detail
    // 根据后端接口来命名
    this.setData({ houseId, houseInfo })
  },
  closeHouseLayer() {
    this.setData({ houseLayerVisible: false })
  },
  // 日期
  openDateLayer() {
    this.setData({ dateLayerVisible: true })
  },
  selectDate(ev) {
    this.setData({
      dateLayerVisible: false,
      visitDate: wx.utils.formatDate(ev.detail),
    })
  },
  closeDateLayer() {
    this.setData({ dateLayerVisible: false })
  },

  async submitForm() {
    // 1.逐个验证表单的数据
    if (!this.verifyHouse()) return
    if (!this.verifyName()) return
    if (!this.verifyMobile()) return
    if (!this.verifyDate()) return
    //2.发送请求
    const { houseId, name, gender, mobile, visitDate } = this.data
    const { code, data } = await wx.http.post('/visitor', { houseId, name, gender, mobile, visitDate })
    if (code !== 10000) return wx.utils.toast('添加访客失败!')
    // console.log(data.id)
    // 3.跳转去查看通行证
    wx.reLaunch({
      url: '/visitor_pkg/pages/passport/index?id=' + data.id,
    })
  },

  // 验证
  verifyHouse() {
    const valid = this.data.houseId !== ''
    // 验证结果提示
    if (!valid) wx.utils.toast('请选择房屋信息!')
    // 返回验证结果
    return valid
  },
  // 验证业主姓名（必须为汉字）
  verifyName() {
    // 正则表达式
    const reg = /^[\u4e00-\u9fa5]{2,5}$/
    // 验证业主姓名
    const valid = reg.test(this.data.name.trim())
    // 验证结果提示
    if (!valid) wx.utils.toast('请填写真实中文姓名!')
    // 返回验证结果
    return valid
  },

  verifyMobile() {
    // 验证手机号
    const reg = /^[1][3-8][0-9]{9}$/
    const valid = reg.test(this.data.mobile)
    // 验证结果提示
    if (!valid) wx.utils.toast('请填写正确的手机号码!')
    // 返回验证结果
    return valid
  },
  verifyDate() {
    // 验证日期格式
    const reg = /^\d{4}\/\d{2}\/\d{2}$/
    const valid = reg.test(this.data.visitDate)
    // 验证结果提示
    if (!valid) wx.utils.toast('请选择预约日期!')
    // 返回验证结果
    return valid
  },
})
